html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { border: 0 none; font: inherit; margin: 0; padding: 0; font-size: 14px; font-family: 'Roboto, sans-serif'; }
* { border: medium none; margin: 0; padding: 0; text-decoration: none; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*:focus { outline: 0; }
a:hover { color: #fa5422; }
@font-face { font-family: 'arial'; src: url('../fonts/arial_0.ttf'); }
@font-face { font-family: 'Roboto, sans-serif'; src: url('../fonts/roboto.regular.ttf'); }
@font-face { font-family: 'arial'; src: url('../fonts/helveticalt.eot'); src: url('../fonts/helveticalt.eot') format('embedded-opentype'), url('../fonts/helveticalt.woff') format('woff'), url('../fonts/helveticalt.ttf') format('truetype'), url('../fonts/helveticalt.svg#HelveticaLightLight') format('svg'); }
@font-face { font-family: 'HelveticaNeue-Bold'; src: url('../fonts/HelveticaNeue-Bold.eot'); src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue-Bold.woff') format('woff'), url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue') format('svg'); }
@font-face { font-family: 'helvetica25UltraLightRegular'; src: url('../fonts/helveticaultralt.eot'); src: url('../fonts/helveticaultralt.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaultralt.woff') format('woff'), url('../fonts/helveticaultralt.ttf') format('truetype'), url('../fonts/helveticaultralt.svg#HelveticaNeue') format('svg'); }
@font-face { font-family: 'HelveticaNeueThin'; src: url('../fonts/HelveticaNeueThin.eot'); src: url('../fonts/HelveticaNeueThin.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueThin.woff2') format('woff2'), url('../fonts/HelveticaNeueThin.woff') format('woff'), url('../fonts/HelveticaNeueThin.ttf') format('truetype'), url('../fonts/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg'); }
@font-face { font-family: 'HelveticaNeueLTStdTh'; src: url('../fonts/HelveticaNeueLTStdTh.eot'); src: url('../fonts/HelveticaNeueLTStdTh.eot') format('embedded-opentype'), url('../fonts/HelveticaNeueLTStdTh.woff2') format('woff2'), url('../fonts/HelveticaNeueLTStdTh.woff') format('woff'), url('../fonts/HelveticaNeueLTStdTh.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStdTh.svg#HelveticaNeueLTStdTh') format('svg'); }
body { margin: 0; padding: 0; color: #667277; background: #fff; }
a { color: #5f5e5e; text-decoration: none; outline: none; }
strong { font-weight: bold; }
a:hover { color: #fa5422; }
a:active { outline: none !important; }
img { border: none; max-width: 100%; }
ul,
li { list-style-type: none; margin: 0; padding: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear22 { clear: both; height: 18px; }
.clear62 { clear: both; height: 62px; }
h1,
h2,
h3,
blockquote { text-rendering: optimizelegibility; -moz-text-rendering: optimizelegibility; -webkit-text-rendering: optimizelegibility; }
@media (max-width:767px) {
.page.gamobile { width: 100% !important; }
}
@media (max-width:575px) {
header.gamobile { padding: 30px 20px !important; }
.gamobile-content { padding: 30px 20px !important; }
.gamobile-content-bottom-p { font-size: 16px !important; }
.gasignin-btn { font-size: 13px !important; }
.gasignin-btn-bold-txt { font-size: 13px !important; }
}
.frntwrapper { display: block; margin: 0 auto; position: relative; width: 100%; }
.landing_wrap { width: 100%; display: inline-block; margin: 0px; position: relative; }
.landing_wrap .f_logo { display: block; margin: 20px 5px 5px 60px; }
.landing_wrap .loginBtn { min-width: 100px; height: 33px; float: right; line-height: 31px; border: 1px solid #d4d4d4; text-align: center; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); background: #FFFFFF; position: absolute; right: 30px; top: 21px; font-size: 14px; }
.landing_wrap .loginBtn:hover { border: 1px solid #57acf0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); background: #57acf0; color: #FFFFFF; }
.landing_wrap .left_land { display: inline-block; float: left; margin-top: 50px; margin-bottom: 50px; width: 933px; margin-left: 40px; position: relative; }
.landing_wrap .right_view { position: absolute; right: 150px; text-align: center; width: 524px; margin-top: 52px; }
.landing_wrap .right_view h2 { display: inline-block; padding: 0 0 12px; }
.landing_wrap .right_view h2 em { color: #696b74; display: block; float: left; font-size: 50px; font-weight: normal; line-height: 38px; }
.landing_wrap .right_view h2 small { color: #9f9f9f; display: block; float: left; font-size: 74px; font-weight: normal; line-height: 60px; }
.landing_wrap .right_view h2 small b { color: #000; font-size: 74px; font-weight: normal; }
.landing_wrap .right_view .account { display: block; padding: 40px 0px 0px 0px; color: #696b74; font-size: 15px; }
.landing_wrap .right_view .account .accountLink { color: #3583e2; margin-left: 5px; }
.landing_wrap .right_view .account .accountLink:hover { text-decoration: underline; }
.landing_wrap .frontpage { right: 420px; }
.landing_wrap .right_view .google_analytics1 { display: inline-block; padding: 4px 0 0px; width: 260px; }
.landing_wrap .right_view .accountN { color: #9f9f9f; display: block; line-height: 18px; padding: 30px 0 0; }
.landing_wrap .right_view.rtside { right: 0px; }
.landing_wrap .right_view .intro { display: block; font-size: 17px; line-height: 20px; padding: 10px 0 13px; color: #696b74; }
.landing_wrap .right_view h1 { display: inline-block; padding-top: 6px; }
.landing_wrap .right_view h1 strong { color: #000; display: block; float: left; font-size: 64px; font-weight: normal; line-height: 60px; }
.landing_wrap .right_view h1 sup { color: #000; float: right; font-size: 20px; left: 1px; line-height: 30px; position: relative; top: -8px; }
.landing_wrap .right_view .google_analytics { display: inline-block; padding: 10px 0 24px; width: 390px; }
.landing_wrap .right_view .business_text { color: #9f9f9f; display: block; font-size: 21px; letter-spacing: -1px; line-height: 26px; padding: 14px 0; }
.landing_wrap .right_view .google_signin { display: inline-block; margin-top: 30px; width: 250px; height: 60px; }
.landing_wrap .right_view .google_signin img { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); }
.landing_wrap .right_view .google_signin:hover { opacity: 0.9; }
.footer { display: inline-block; width: 100%; background: #f2f2f2; margin-top: -21px; position: relative; z-index: -1; }
.footer1 { top: -116px; }
.footer .footer_powerful { padding: 40px 0; text-align: center; color: #9f9f9f; font-size: 16px; }
.foote_learnMore { display: inline-block; color: #3583e2; margin-left: 5px; font-size: 16px; }
.bluebottom { width: 100%; display: table; padding: 50px 0 40px; background: #468cf8; }
.bluebottomcontent { width: 1070px; display: block; margin: 0 auto; }
.bluebottomcontent .bigtitle { font-size: 44px; text-align: center; display: inline-block; color: #FFFFFF; width: 100%; float: left; letter-spacing: 0.4px; }
.bluebottomcontent .g-analytics-wt-logo { width: 100%; display: inline-block; text-align: center; float: left; margin: 50px 0px 40px 0px; position: relative; }
.bluebottomcontent .g-analytics-wt-logo:before { width: 38%; content: ""; position: absolute; left: 0px; top: 15px; height: 1px; background: #FFFFFF; }
.bluebottomcontent .g-analytics-wt-logo:after { width: 38%; content: ""; position: absolute; right: 0px; top: 15px; height: 1px; background: #FFFFFF; }
.bluebottomcontent .contentboxs { width: 44%; float: left; display: inline-block; }
.bluebottomcontent .contentboxs:last-child { float: right; width: 46%; }
.bluebottomcontent .contentboxs h3 { font-size: 22px; font-weight: normal; line-height: 24px; display: block; padding-bottom: 16px; color: #FFFFFF; }
.bluebottomcontent .contentboxs p { display: inline-block; line-height: 24px; color: #FFFFFF; text-align: left; width: 100%; font-size: 14px; letter-spacing: 0.2px; }
.bluebottomcontent .contentboxs .g-analysignbtn { font-weight: normal; line-height: 24px; display: inline-block; margin-top: 20px; color: #FFFFFF; font-size: 14px; letter-spacing: 0.2px; background: url(../images/g-sign-wt-arrow.png) right center no-repeat; padding-right: 26px; }
.bluebottomcontent .contentboxs .g-analysignbtn:hover { text-decoration: underline; }
.fullWidth { display: block; margin: 0 auto; position: relative; width: 1325px; }
.footerBar { width: 100%; display: inline-block; float: left; background: #444; padding: 35px 0; position: relative; z-index: 111 !important; }
.footerBar a { color: inherit; }
.footerBar a.linkedin_icon { display: inline-block; position: relative; top: 0; width: 20px; }
.footerBar a.linkedin_icon img { display: block; }
.footerBar a.facebook_icon { width: 20px; display: inline-block; }
.footerBar a.facebook_icon img { display: block; }
.footerBar a.angellist_icon { width: 20px; display: inline-block; }
.footerBar a.angellist_icon img { display: block; }
.footerBar a.twitter_icon { width: 20px; display: inline-block; }
.footerBar a.twitter_icon img { display: block; }
.footerBar a.linkedin_icon img:hover,
.footerBar a.facebook_icon img:hover,
.footerBar a.angellist_icon img:hover,
.footerBar a.twitter_icon img:hover,
.footerBar a.google_plus img:hover,
.footerBar a.blogger_icon img:hover,
.footerBar a.youtube_icon img:hover { opacity: 0.8; }
.footerBar a.google_plus { display: inline-block; position: relative; top: -5px; width: 30px; }
.footerBar a.google_plus img { display: block; }
.footerBar a.blogger_icon { width: 20px; display: inline-block; }
.footerBar a.blogger_icon img { display: block; }
.footerBar a.youtube_icon { width: 20px; display: inline-block; }
.footerBar a.youtube_icon img { display: block; }
.footer_upper { display: inline-block; margin: 0 0 30px; padding: 0 12px; width: 100%; }
.footer_social { flex-basis: 50%; width: 50%; color: #a3a3a3; float: left; }
.footer_meta_links { flex-basis: 50%; width: 50%; color: #a3a3a3; float: left; }
.footer_social dl:first-child,
.footer_social dt:first-child,
.footer_social dd:first-child { margin-left: 0; }
.footer_social dl,
.footer_social dt,
.footer_social dd { margin: 0 0 0 26px; float: left; }
.footer_social dt,
.footer_social dd { display: inline-block; height: 20px; }
.footer_meta_links ul.links_rt { float: right; display: block; }
.footer_meta_links ul.links_rt li { float: left; margin-left: 24px; }
.footer_meta_links ul.links_rt li:first-child { margin-left: 0px; }
.footer_meta_links ul.links_rt li a { color: #a3a3a3; }
.footer_nav { display: inline-block; float: left; width: 100%; padding: 35px 0px; border-top: 1px solid #646464; border-bottom: 1px solid #646464; }
.footer_nav ul.ft_nav_list { width: 18%; float: left; padding: 0px 12px; }
.footer_nav ul.ft_nav_list:first-child { width: 18%; }
.footer_nav ul.ft_nav_list h4 { margin-bottom: 20px; color: #fff; font-size: 16px; }
.footer_nav ul.ft_nav_list li { margin-bottom: 10px; }
.footer_nav ul.ft_nav_list li a { color: #a3a3a3; }
.footer_nav ul.ft_nav_list li a:hover { text-decoration: underline; }
.footer_lower { width: 100%; display: inline-block; float: left; margin-top: 30px; padding: 0px 12px; }
.footer_lower .footer_lower_links { width: 60%; display: inline-block; float: left; padding-top: 2px; }
.footer_lower .footer_lower_links ul { list-style-type: none; margin: 0; padding: 0; }
.footer_lower .footer_lower_links ul li { display: inline-block; margin-left: 24px; float: left; }
.footer_lower .footer_lower_links ul li:first-child { margin-left: 0; }
.footer_lower .footer_lower_links ul li a { color: #a3a3a3; }
.footer_lower .footer_lower_links ul li a:hover { text-decoration: underline; }
.footer_lower .footer_lower_links ul li a .help_icon { display: inline-block; float: left; height: 21px; margin-right: 10px; position: relative; top: -2px; width: 20px; }
.footer_lower .footer_lower_links ul li a .help_icon img { display: block; }
.footer_locale { width: 190px; display: inline-block; float: right; }
@media (max-width:1024px) {
.landing_wrap { margin: 40px 0 30px; }
.landing_wrap .left_land { width: 86%; }
.landing_wrap .right_view { right: 20px; width: 483px; }
.landing_wrap .right_view h1 strong { font-size: 60px; line-height: 50px; }
.landing_wrap .right_view h1 sup { font-size: 20px; line-height: 24px; top: -10px; }
.bluebottomcontent { width: 94%; }
.fullWidth { display: block; margin: 0 auto; position: relative; width: 94%; }
.bluebottomcontent .bigtitle { font-size: 34px; }
.bluebottomcontent .contentboxs h3 { font-size: 18px; }
.bluebottomcontent .contentboxs { width: 46%; }
.bluebottomcontent .contentboxs:last-child { width: 50%; }
.bluebottomcontent .contentboxs .g-analysignbtn { font-size: 13px; }
}
@media (max-width:768px) {
.landing_wrap .left_land { width: 70%; }
.landing_wrap .right_view { width: 54%; top: 20px; }
.landing_wrap .right_view .intro { font-size: 18px; line-height: 18px; padding: 0px 0px 8px; }
.landing_wrap .right_view .google_analytics { width: 80%; }
.landing_wrap .right_view h1 strong { font-size: 46px; line-height: 46px; }
.landing_wrap .right_view h1 sup { font-size: 18px; }
.landing_wrap .right_view .business_text { font-size: 20px; line-height: 24px; padding: 10px 0; }
.landing_wrap .right_view .business_text { line-height: 24px; padding: 7px 0 12px; }
.landing_wrap .right_view .google_signin { display: inline-block; margin-top: 14px; width: 70%; }
.landing_wrap .right_view h2 em { font-size: 30px; }
.footer_nav ul.ft_nav_list h4 { font-size: 13px; }
}
@media (max-width:767px) {
.landing_wrap .f_logo { margin: 5px 5px 5px 5px; text-align: left; position: absolute; top: -6px; left: 3%; right: 0; width: 46%; }
.landing_wrap .loginBtn { right: 22px; top: -8px; }
.landing_wrap { margin: 30px 0 10px; }
.landing_wrap .right_view { position: absolute; right: 240px; text-align: center; top: 110px; width: 524px; }
.landing_wrap .right_view h2 small,
.landing_wrap .right_view h2 small b { font-size: 42px; line-height: 40px; }
.landing_wrap .right_view h2 small b { color: #9f9f9f; }
.landing_wrap .right_view h2 sup { color: #696b74; float: right; font-size: 14px; left: -4px; line-height: 14px; position: relative; top: -5px; }
.landing_wrap .right_view .google_analytics { width: 80%; padding-bottom: 10px; }
.landing_wrap .right_view .business_text { font-size: 18px; line-height: 24px; }
.landing_wrap .right_view h2 { display: inline-block; padding: 0 0 12px; }
.landing_wrap .right_view .intro { padding: 0px 0px 5px 0px; font-size: 16px; height: 20px; }
.landing_wrap .right_view .account { display: block; padding: 50px 0px 0px 0px; color: #696b74; font-size: 15px; }
.landing_wrap .left_land { width: 100%; padding-top: 280px; }
.landing_wrap .right_view .google_signin { width: 70%; }
.landing_wrap .right_view .f_logo { padding: 0px 0px 8px 0px; width: 190px; margin: 0 auto; }
.bluebottom { padding: 30px 10px 30px; }
.bluebottomcontent .bigtitle { font-size: 22px; }
.bluebottomcontent .g-analytics-wt-logo { margin: 30px 0px 30px 0px; }
.bluebottomcontent .g-analytics-wt-logo:before,
.bluebottomcontent .g-analytics-wt-logo:after { width: 25%; }
.bluebottomcontent .contentboxs { width: 100%; }
.bluebottomcontent .contentboxs:last-child { width: 100%; margin-top: 20px; }
.footer { margin-top: 20px; }
.footer .footer_powerful { line-height: 25px; text-align: center; padding: 10px; }
.footerBar { padding: 26px 0; }
.footer_upper { padding: 0 0px; }
.footer_social { flex-basis: 100%; width: 100%; }
.footer_meta_links { flex-basis: 100%; width: 100%; margin-top: 20px; }
.footer_meta_links ul.links_rt { float: left; }
.footer_nav ul.ft_nav_list:first-child { width: 50%; }
.footer_nav ul.ft_nav_list { width: 50%; margin-bottom: 20px; }
.footer_lower { padding: 0px 0px; }
.footer_lower .footer_lower_links { width: 100%; padding-top: 0px; }
}
@media (max-width:568px) {
.front_RightColm .freeBox { bottom: -100px; left: 70px; }
}
@media (max-width:480px) {
.front_RightColm .freeBox { bottom: -100px; left: 70px; }
.landing_wrap .right_view { top: 42px; }
.bluebottomcontent .bigtitle { font-size: 20px; }
}
@media (max-width:375px) {
.landing_wrap .right_view h2 em { font-size: 24px; line-height: 28px; }
.landing_wrap .right_view .google_analytics { width: 70%; }
.foote_learnMore { font-size: 14px; }
.bluebottomcontent .g-analytics-wt-logo:before,
.bluebottomcontent .g-analytics-wt-logo:after { width: 15%; }
.bluebottomcontent .contentboxs h3 { font-size: 16px; }
.footer_nav ul.ft_nav_list:first-child,
.footer_nav ul.ft_nav_list { width: 100%; }
.footer_nav { padding: 35px 0px 0px; }
}
.landing_wrap .right_view .google_analyticstext { display: inline-block; padding: 2px 0 24px; width: 100%; color: #696b74; float: left; font-size: 56px; font-weight: normal; line-height: 62px; text-align: center; }
.designedbox { width: 230px; position: absolute; right: 30px; bottom: 9px; }
.designedbox h6 { font-size: 14px; display: inline-block; padding-bottom: 6px; color: #696b74; padding-left: 42px; }
.designedbox .g-analytics-logo { display: inline-block; width: 224px; }
@media (max-width:1440px) {
.right_view1 { right: 20px !important; }
}
ul.menu-section { display: block; width: 100%; margin: 0; padding: 0; padding-left: 60px; box-shadow: 0 6px 6px -4px #d8d3d3; position: relative; z-index: 9; }
ul.menu-section > li { list-style: none; display: inline-block; position: relative; }
ul.menu-section > li > a { display: block; padding: 20px 0; padding-top: 12px; margin-right: 40px; color: #92929d; font-size: 14px; position: relative; }
ul.menu-section li.active a { border-bottom: 2px solid #1f90fb; font-weight: bold; color: #000; }
ul.menu-section li:hover .sub-menu { display: flex; }
.chat { width: 59px; height: 59px; text-align: center; line-height: 85px; background: #2194e6; border-radius: 50%; float: right; clear: both; position: absolute; right: 20px; top: 20px; }
.head2 { position: relative; }
.head2 sup { position: absolute; right: -23px; top: -8px; font-size: 22px; font-weight: bold; }
.sub-menu { position: absolute; top: 0; left: 0; min-width: 800px; width: 100%; border: 2px solid #dadada; background: #fff; margin-top: 40px; margin-left: -145px; z-index: 999; box-sizing: border-box; display: none; }
.sub-menu:after { content: ''; position: absolute; top: -3%; left: 0%; height: 10px; width: 10px; background: #fff; border: 2px solid #dadada; transform: rotate(45deg); margin-left: 170px; z-index: -999; border-bottom: 0; border-right: 0; }
.sub-menu > li { width: 50%; box-sizing: border-box; float: left; padding: 10px 30px; position: relative; }
.left-panel:after { content: ''; position: absolute; width: 1px; height: 80%; background: #ededed; top: 10%; right: 0; }
.sub-menu li > div { padding: 20px 30px; box-sizing: border-box; }
.sub-menu > li > div h3 { font-weight: bold; font-size: 25px; margin-bottom: 23px; color: #000; }
.sub-menu > li > div p { line-height: 22px; }
.btn-overview { padding: 10px 80px; border: 2px solid #000; background: #fff; margin-top: 35px; cursor: pointer; margin-bottom: 2px; }
.btn-overview:hover { background: #f8f7f8; }
.right-panel div h4 { font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #000; }
.right-panel div > img { display: inline-block; float: left; margin-bottom: 35px; margin-right: 10px; }
.right-panel { padding: 0 !important; }
.right-panel > div { padding: 40px 30px !important; }
.img-cnt:hover { }
.border-right { border-right: 1px solid #ededed; }
.border-bototm { position: relative; }
.border-bototm:after { position: absolute; content: ''; bottom: 0; left: 5%; width: 90%; height: 1px; background: #ededed; }
.pd4 { padding-bottom: 40px; }
.full-bg { display: block; }
.right-panel .full-bg:hover { background: #f8f8f8; }
.right-panel .full-bg:hover a { color: inherit; }
.google_analytics_log { width: 330px; }
.mac-des { position: absolute; background: #548cf7; width: 387px; padding: 42px; font-size: 20px; color: #fff; top: 30%; left: 42%; margin-top: 11px; margin-left: -14px; }
.mac-des:before { content: ''; position: absolute; background: url(../images/mac-arrow.png) no-repeat; width: 124px; height: 100px; left: 0; top: 0; margin-left: -143px; margin-top: -52px; background-size: contain; }
.g-logo { width: 160px; margin: 0 auto; display: inline-block; }
.google_signin.green_btn { background: #0cc852; color: #fff; line-height: 50px; width: 180px !important; height: auto !important; }
.footer_text { display: block; text-align: center; }
.footer_text1 { margin-top: -80px; }
.footer_text p { font-size: 1.8rem; }
.grey-bg { background: #f6f7f6; }
.text-center { text-align: center; }
.head2 { display: inline-block; }
.head2 em { color: #696b74; font-size: 50px; font-weight: normal; }
.logo-part { display: block; }
.logo-part .g-logo { margin-right: 25px; position: relative; top: 12px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }
.mt20 { margin-top: 20px; }
.mt50 { margin-top: 50px; }
.mb50 { margin-bottom: 50px; }
.search-input { width: 650px; height: auto; border: 1px solid #cecece; border-radius: 5px; background: #fff; margin: 0 auto; overflow: hidden; }
.search-input input[type="search"] { width: 100%; color: #000 !important; font-size: 18px; padding: 15px; padding-left: 60px; background: url(../images/search_icon.png) #fff no-repeat; background-size: 17px; background-position: 20px center; }
.filter_div { display: flex; width: 800px; margin: 0 auto; margin-top: 55px; }
.filter_div .fileld { width: 30%; padding: 0 20px; }
.fileld { margin: 5px 0; }
.fileld .select-box { padding: 10px; border-bottom: 1px solid #dfe0df; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; color: #626f75; font-size: 17px; background: url(../images/select-arrow.png) transparent no-repeat; background-size: 20px; background-position: center right; }
.fileld-border-right { position: relative; }
.fileld-border-right:after { content: ''; position: absolute; width: 1px; height: 80%; background: #dfe0df; top: 10%; right: 0; }
.fileld-border-left { position: relative; }
.fileld-border-left:after { content: ''; position: absolute; width: 1px; height: 80%; background: #dfe0df; top: 10%; left: 0; }
.filter-txt { display: flex; width: 10%; align-items: center; font-size: 18px; }
.flex-container { display: flex; width: 90%; margin: 0 auto; }
.flex-item { padding: 0 25px; }
.flex-from { width: 60%; }
.flex-list { width: 30%; }
.whitebg-border { background: #fff; border: 1px solid #d9d9d9; }
.no-flex { display: block !important; }
.flex-from .search-input { width: 100%; }
.filtered-items { display: block; }
.filtered-items button { display: inline-block; margin-right: 5px; border: 1px solid #cfcfcf; background: #fff; padding: 10px; margin-top: 12px; width: 150px; border-radius: 3px; text-align: left; font-size: 15px; position: relative; padding-left: 20px; }
.filtered-items button span.close { position: absolute; z-index: 99; top: 7px; right: 10px; font-size: 18px; cursor: pointer; }
.draftdiv { width: 100%; border: 1px solid #cecece; background: #fff; margin-top: 35px; margin-bottom: 35px; }
.draft-title,
draft-bottom { display: block; }
.draft-title { background: #fafafa; padding: 18px 15px; border-bottom: 1px solid #cecece; }
.draft-bottom { padding: 18px 15px; }
.draft-bottom .flex-container { padding: 0; width: 100%; }
.draft-bottom .flex-container .flex-item { padding: 0; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; text-align: left; }
.draft-bottom .flex-container .flex-item.first { width: 20%; }
.draft-bottom .flex-container .flex-item.second { width: 50%; }
.draft-bottom .flex-container .flex-item.third { width: 30%; }
.dollar { font-size: 25px; font-style: italic; }
.draft-bottom-title { display: block; color: #000; font-size: 16px; margin-bottom: 5px; }
.paypal { float: left; margin-top: -9px; }
.paybtn button { background: #458cf8; color: #fff; padding: 15px 0; width: 230px; text-transform: uppercase; float: right; }
.filters { }
.google-list { background: #fff; padding: 40px 30px; border: 1px solid #cecece; }
.google-list img { width: 130px; display: block; }
.google-list h2.head2 em { font-size: 28px !important; border-bottom: 1px solid #cecece; padding-bottom: 35px; display: block; }
.google-list-items { display: block; margin-top: 30px; }
.google-list-items li { margin-bottom: 30px; background: url(../images/list-icon.png) no-repeat; background-position: left center; text-indent: 25px; }
.google-list-items li:last-child { margin-bottom: 0; }
.field-div { display: block; margin: 0; padding: 0; width: 50%; max-width: 100%; margin-top: 35px; }
.field-div .fileld { display: flex; margin-bottom: 24px; }
.field-div .fileld .filter-txt { width: 100%; flex-basis: 100px; }
header { display: flex; align-items: center; justify-content: space-between; box-shadow: 0 6px 6px -4px #d8d3d3; }
.google_analytics_logo { width: 200px; }
nav { display: flex; align-items: center; }
.landing_wrap .ga_logo { display: inline-block; margin: 25px 60px 5px 5px; }
.left-small-text { display: block; color: #6e6f73; font-size: 1.3rem; padding: 37px 17% 0px 13%; }
.left-hdg-text { color: #6e6f73; font-size: 3.6rem; font-weight: bold; padding: 0px 10% 0px 13%; }
.left-address-text { display: inline-block; color: #6e6f73; font-size: 1.3rem; padding: 33px 0% 0PX 13%; }
.bold-text { font-weight: bold; color: #6e6f73; font-size: 1.3rem; }
.mailto-link { text-decoration: underline; font-size: 1.3rem; }
.right-hdg-text { font-size: 2.7rem; color: #585a5e; margin-bottom: 10px; }
.logo-small-img { width: 100px; margin-left: 13%; }
.landing-content { display: flex; align-items: flex-start; }
.right_sec { width: 49%; margin-top: 26px; margin-bottom: 50px; display: inline-block; margin-left: 0%; }
.forfastbase-right-img { width: 800px; }
.left_sec { display: inline-block; margin-top: 55px; margin-bottom: 50px; margin-left: 40px; position: relative; width: 45%; margin-right: 3%; }
.right-small-text { display: block; color: #6e6f73; font-size: 1.3rem; padding-right: 35%; }
.form-div { display: block; width: 100%; padding-right: 80px; box-sizing: border-box; margin-top: 45px; }
.contact-right-form-div { display: block; width: 100%; box-sizing: border-box; margin-top: 45px; border-bottom: 1px solid #bfbfbf; }
.form-field-div { display: inline-block; width: 48%; margin-right: 1%; margin-bottom: 35px; vertical-align: top; }
.form-field-div .form-field-label { display: block; width: 100%; padding-bottom: 18px; color: #6e6f73; font-size: 1.3rem; }
.form-field-div .form-field-input,
.form-field-div .form-field-textarea,
.form-field-div .form-field-select { display: block; width: 100%; border: 2px solid #e4e7ed; height: 50px; padding-left: 10px; }
.form-field-div.message-div { width: 100%; margin-right: 0px; }
.share-reservation-btn { background: #608def; color: #fff; font-size: 1.3rem; width: 100%; height: 50px; cursor: pointer; }
.form-bottom-sec { display: block; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #bfbfbf; }
.right-bottom-text { display: block; color: #6e6f73; font-size: 1.3rem; padding-right: 7%; margin-top: 40px; }
footer { background: #548cf8; display: block; color: #fff; width: 100%; }
.footer-text { display: block; width: 100%; text-align: center; padding: 40px 0px 40px; font-size: 2.2rem; }
.footer-img { display: block; width: 100%; text-align: center; font-size: 1.6rem; font-weight: 600; }
.ga-logo-white { width: 250px; display: inline-block; padding: 0px 10px; }
.footer-hr { width: 30%; border: 1px solid #9bb6e0; display: inline-block; }
.footer-logo-main-div { width: 100%; display: inline-block; text-align: center; float: left; margin: 0px; position: relative; }
.footer-logo-main-div:before { width: 35%; content: ""; display: inline-block; left: 0px; top: 0; height: 1px; background: #FFFFFF; vertical-align: middle; margin-right: 0px; }
.footer-logo-main-div:after { width: 35%; content: ""; display: inline-block; right: 0px; top: 0px; height: 1px; background: #FFFFFF; vertical-align: middle; margin-left: 0px; }
.calendar-date-bottom-div { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f2f3f2; font-size: 0; line-height: 0; transform: rotate(-45deg); right: -13px; position: absolute; top: 57px; }
.footer-logo-div { display: block; padding: 0px 13% 110px; }
.captcha-sec { display: inline-block; width: 48%; margin-right: 1%; }
.button-sec { display: inline-block; width: 49%; }
.isfastbase-hdg-text { color: #6e6f73; font-size: 3.6rem; padding: 10px 10% 0px 13%; }
.isfor-more-link { color: #f00; font-size: 1.3rem; padding-left: 5px; }
.sign-name { display: block; color: #96989e; font-size: 1.3rem; padding: 25% 12% 0px 13%; }
.devices-page-txt { font-size: 3.2rem; padding: 5% 18% 7%; text-align: center; }
.content { display: block; width: 100%; }
.divices-div { display: block; width: 100%; }
.devices-maindiv { width: 60%; margin: 0px 20% 80px; }
.devicesbox { display: inline-block; width: 30%; margin-left: 2%; text-align: center; }
.devices-box-img { width: 50px; }
.devicesdiv-hdg { text-align: center; font-size: 2rem; margin-bottom: 50px; }
.devicesbox p.box-text { font-size: 1.3rem; text-align: center; }
.devicesbox p.box-hdg { font-size: 2rem; text-align: center; padding-bottom: 5px; }
.contact-left-hdg-text { color: #6e6f73; font-size: 3.6rem; padding: 0px 10% 0px 13%; }
.contact-left-box-div { display: flex; margin-left: 13%; margin-top: 3%; margin-bottom: 4%; flex-wrap: wrap; justify-content: space-between; }
.content-small-text { display: block; padding-left: 13%; font-size: 1.3rem; }
.contact-box { display: flex; width: 31%; border: 2px solid #ccc; padding: 20px; border-radius: 3px; float: left; height: 130px; align-items: center; text-align: center; justify-content: center; font-size: 1.5rem; }
.contact-left-form-div { display: flex; width: 100%; padding-right: 0px; box-sizing: border-box; margin-top: 45px; flex-wrap: wrap; justify-content: space-between; }
.contact-left-form-div .form-field-div { margin-right: 0px; }
.contact-box.active { border: 2px solid #3883d1; }
.contact-box p { font-size: 1.3rem; }
.contact-left-request-btn { height: 50px; text-align: center; background: #608def; color: #fff; font-size: 1.3rem; margin-top: 40px; width: 100%; cursor: pointer; }
.contact-left-form-div { padding-left: 13%; }
.contact-left-form-element-div { display: inline-block; width: 48%; margin-right: 1%; }
.contact-left-form-element-div label { width: 100%; }
.contact-left-form-element-div input { width: 100%; border: 1px solid #d9d9d9; }
.contact-left-form-element-div textarea { width: 100%; border: 1px solid #d9d9d9; }
.right_sec.fastbase-contact { margin-top: 134px; padding: 0px 80px 0px 50px; }
.form-field-div.contact { border-top: 1px dotted #808180 !important; }
.form-field-div.contact label { font-size: 0.9rem; color: #a5abbe; padding-top: 10px; padding-bottom: 0px; }
.form-field-div.contact input { padding-left: 0px; border: 0px; font-size: 1.3rem; color: #667277; }
.timeline_right ul { display: inline-block; width: 75%; padding-left: 5%; border-left: 10px solid #7f7f7f; position: relative; }
.timeline_right ul li { display: block; font-size: 1.3rem; padding-bottom: 15px; }
.timeline-year { font-size: 1.3rem; font-weight: 600; display: inline-block; vertical-align: top; width: 130px; padding-top: 4px; }
.timeline_right ul p.ul-circle { position: absolute; width: 30px; height: 30px; border: 5px solid #7f7f7f; border-radius: 25px; left: -20px; background: #fff; top: -1px; }
#chartContainer { height: 370px; max-width: 800px !important; margin: 0px !important; }
.content.grey-content { background: #f2f3f2; min-height: 850px; }
.page { margin: 0px 3%; }
.inpress-page-hdg { display: block; padding: 50px 0px; font-size: 1.3rem; color: #000; }
.inpress-box-div { display: flex; flex-wrap: wrap; justify-content: space-between; }
.marketwatch-logo { width: 100px; float: right; }
.marketwatch-logo.cnbc { width: 35px; }
.marketwatch-cnbc-logo { width: 35px; float: right; }
.inpress-main-content { display: block; width: 100%; position: relative; }
.inpress-content-left { display: inline-block; width: 91%; vertical-align: top; }
.inpress-content-right { display: inline-block; width: 8%; vertical-align: top; }
.calendar-date-div { display: inline-block; vertical-align: top; background: #3c82f5; border-radius: 5px; position: relative; margin-left: 27px; }
.circles-p { position: absolute; top: 5px; left: 0; }
.circles-p span { position: relative; width: 10px; height: 10px; background: #fff; }
.date-p { padding: 13px 12px 2px; width: 71px; text-align: center; }
.circles-p span { position: relative; width: 8px; height: 8px; background: #fff; border-radius: 25px; top: 3px; }
.circles-p span.left { left: 10px; display: inline-block; }
.circles-p span.right { left: 45px; display: inline-block; }
.date-p span { color: #f2f3f2; font-size: 3rem; }
.inpress-box-hdg-left p.small-text { font-size: 1rem; color: #ff4365; font-weight: 600; text-transform: uppercase; }
.inpress-box-hdg-left p.big-text { font-size: 1.7rem; padding-top: 10px; color: #000; font-weight: bold; }
.inpress-click-box-left p.small-text { font-size: 1rem; color: #ff4365; font-weight: 600; text-transform: uppercase; }
.inpress-click-box-left p.big-text { font-size: 1.7rem; padding-top: 10px; color: #000; font-weight: bold; line-height: 1.4; }
.inpress-box-hdg-left { display: inline-block; width: 79%; vertical-align: top; }
.inpress-box-hdg-right { display: inline-block; width: 20%; vertical-align: top; }
.inpress-box { display: inline-block; width: 49%; background: #fff; padding: 30px 25px; border: 1px solid #d9d9d9; box-shadow: 0px 3px 3px #efecec; margin-bottom: 25px; height: 300px; vertical-align: top; }
.inpress-click-box { display: block; width: 100%; border: 1px solid #d9d9d9; box-shadow: 0px 3px 3px #efecec; background: #fff; padding: 50px 40px; margin-bottom: 30px; }
.inpress-click-box-date { font-size: 1.3rem; padding: 25px 0px; }
.inpress-click-box-text { font-size: 1.3rem; margin-bottom: 20px; text-align: justify; line-height: 1.5; }
.inpress-click-box-left { display: inline-block; width: 65%; vertical-align: top; }
.inpress-click-box-right { display: inline-block; width: 34%; vertical-align: top; padding-left: 5%; box-sizing: border-box; }
.inpress-click-box-right .right-hdg-text { margin-top: 27px; font-weight: bold; font-size: 2.3rem; }
.inpress-box-bottom-div { margin-top: 50px; }
.inpress-box-news { padding: 20px 15% 20px 0px; }
.calendar-date-img { float: left; width: 120px; }
.blue-txt { color: #5393ff !important; }
.inpress-click-box-right .form-div { display: block; width: 100%; margin-top: 45px; padding: 0px; border-bottom: 1px solid #bfbfbf; }
.inpress-click-box-right .form-div .form-field-div { display: block; width: 100%; margin-bottom: 10px; }
.inpress-click-box-text p.section-hdg { font-weight: bold; font-size: 1.3rem; }
.hdr-right-select-div { display: inline-block; vertical-align: central; margin: 0; }
.hdr-right-select-div select { background: #f2f3f2; padding: 10px 20px 10px 10px; }
.hdr-right-select-div select > option { padding: 5px; }
.list-top-img { position: absolute; border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; top: -12px; right: 23px; }
.hdr-right-line { padding: 0px 18px 0px 10px; color: #868686; }
.fastbase-header-right-down-arrow-img { width: 10px; display: block; float: right; padding-top: 9px; margin-left: 5px; }
.dropdown dd,
.dropdown dt,
.dropdown ul { margin: 0px; padding: 0px; }
.dropdown dd { position: relative; }
.dropdown a,
.dropdown a:visited { text-decoration: none; outline: none; border-bottom: 1px solid transparent; }
.dropdown dt a { background: url(../images/globe-img.png) no-repeat scroll 23px center; display: inline-block; padding: 10px 10px 10px 50px; }
.dropdown dt a span { cursor: pointer; display: inline-block; padding: 5px 10px 5px 0px; color: #3e3e3e; }
.companies-hdg.fastbase { padding-left: 8px; font-size: 1.3rem; color: #585757; padding-top: 3px; }
.companies-div.fastbase { display: flex; padding: 15px 0px 0px 30px; box-sizing: border-box; align-items: center; flex-wrap: wrap; justify-content: left; }
.dropdown dd ul { background: #fff none repeat scroll 0 0; border: 2px solid #e1e7ed; display: none; left: 0px; padding: 5px 0px; position: absolute; top: 0px; width: auto; min-width: 120px; list-style: none; z-index: 99; box-shadow: 0px 5px 35px #e3e3e3; border-radius: 5px; left: 23px; }
.mt-20 { margin-top: 20px; }
.mt-0 { margin-top: 0 !important; }
.pipedrive-img { width: 120px !important; margin-right: 0px !important; }
.googleads-img { width: 150px !important; }
.dropdown dd ul li a { padding: 10px 10px 10px 20px; display: block; box-sizing: border-box; width: 100%; color: #32465a; }
.dropdown dd ul li a:hover { background-color: #edeff2; color: #000; }
.homepage-banner-img { margin-left: 11%; box-shadow: 10px 30px 200px #dad3d3; border-radius: 40px; width: 87%; }
.googleanalytics-banner-img { width: 100%; }
.left_sec.fastbasega { display: inline-block; width: 50%; margin: 0px; padding-left: 125px; padding-top: 55px; box-sizing: border-box; }
.right_main_webleads { display: block; width: 100%; box-sizing: border-box; }
.banner-hdg-txt { font-size: 3.4rem; }
.webleads-banner-txt { display: block; }
.banner-secondary-txt { font-size: 3.4rem; }
.banner-for-txt { padding: 12px 0px 12px; display: inline-block; font-weight: 600; }
.signin-btn-div.webleads { display: block; margin-left: 15px; }
.contact-sales-btn.fastbase { padding: 10px; background: none; border: 1px solid #dad5d5; border-radius: 2px; display: inline-block; vertical-align: top; height: 53px; box-sizing: border-box; width: 200px; color: #4285f4; margin-left: 23px; cursor: pointer; font-size: 1.25rem; margin-top: 4px; }
.right_sec.webleads { margin-top: 89px; }
.webleads-signup-btn-img { margin: 0px; display: inline-block; vertical-align: top; height: 60px; padding-left: 12px; }
.fastbast-frontpage-banner-ul { margin: 43px 0px; }
.content-main.webleads-content-main { width: 64%; margin: 75px 18%; }
.content-heading.webleads { text-align: center; font-size: 3.5rem; margin-bottom: 79px; color: #585757; }
.content-box-full-div { display: flex; justify-content: space-between; }
.content-box { width: 31%; box-shadow: 0 1px 5px 2px #dcdcdc; border-radius: 3px; padding: 15px; position: relative; }
.content-item { width: 31%; position: relative; margin: 20px 0; }
.content-item h6 { font-weight: bold; margin-bottom: 10px; font-size: 1.3rem; color: #000; }
.content-item p { line-height: 1.5; font-size: 0.9rem; }
.content-box-img2 { position: relative; top: 18px; }
.learnmore-txt.webleads { display: block; }
.learnmore-txt.webleads a { color: #4188ec; font-size: 1rem; }
.box-main-txt.webleads { font-size: 1rem; font-weight: 400; margin: 15px 0px 10px; line-height: 1.5; }
.box-hdg-txt.webleads { font-size: 1.3rem; color: #585757; }
.webleads-content-bottom { display: block; margin: 60px 0px; }
.webleads-content-bottom-left { display: inline-block; width: 35%; vertical-align: top; }
.webleads-content-bottom-right { display: inline-block; width: 63%; }
.webleads-total-customers-no { font-weight: bold; font-size: 2.5rem; margin-bottom: 5px; color: #585757; }
.webleads-customers-desc { display: block; font-size: 1rem; width: 60%; line-height: 1.5; }
.webleads-countries-no { font-weight: bold; font-size: 1.1rem; }
.companies-div fastbase { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; }
.webleads-content-bottom-right img { width: 16%; margin-bottom: 20px; margin-right: 9%; }
.footer-main.webleads { display: block; background: #f8fafb; }
.main-footer-sec.webleads { padding: 0px 12% 50px 12%; }
.footer-links-sec-hdg { font-size: 1.2rem; color: #585757; }
.footer-links-box ul li a { color: #909297; padding-top: 20px; display: block; }
.main-footer-bottom { display: flex; justify-content: space-between; padding-top: 50px; }
.wrapper.gamobile { display: block; width: 100%; }
.page.gamobile { width: 768px; margin: 0px auto; padding: 10px; }
.main-page.gamobile { border: 1px solid #bfbfbf; }
header.gamobile { background: #5f8beb; color: #fff; display: block; width: 100%; padding: 30px 40px; box-sizing: border-box; }
.gamobile-hdr-top-txt { margin: 0px 0px 28px; }
.gamobile-hdr-top-small-txt { display: inline-block; width: 88%; font-size: 16px; line-height: 1.5; }
.gamobile-hdr-big-txt { margin: 0px; font-size: 26px; line-height: 32px; color: #fff; }
.gamobile-content { width: 100%; display: block; padding: 30px 40px; box-sizing: border-box; }
.gamobile-content-top { display: block; padding-bottom: 30px; border-bottom: 1px solid #bfbfbf; }
.gamobile-content-top-p { font-size: 16px; line-height: 1.5; }
.gamobile-content-bottom { display: block; padding-top: 30px; }
.gamobile-content-bottom-p { font-size: 22px; line-height: 1.5; color: #5f8beb; }
.gasignin-btn { color: #ffffff; font-size: 16px; background: #4285f4; padding: 14px 20px 14px 20px; text-decoration: none; border-radius: 3px; width: 100%; box-sizing: border-box; margin: 30px 0px; text-transform: uppercase; }
.gamobile-content-bottom-small-p { font-size: 16px; line-height: 1.5; }
.hdr-icon { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; display: inline-block; text-align: center; margin-right: 5px; font-weight: bold; vertical-align: top; margin-top: 3px; }
.gasignin-btn-bold-txt { font-weight: 600; }
.gamobile-content-bottom-small-p-link { color: #5f8beb; font-size: 16px; }
.fastbast-frontpage-banner-ul li { font-size: 1.2rem; margin-top: 10px; background: url(../images/frontpage-list-icon.png) 10px center no-repeat; padding-left: 40px; background-size: 16px; }
.followus-sec span { display: inline-block; vertical-align: middle; }
.followus-sec img { display: inline-block; vertical-align: middle; }
.share-sec span { display: inline-block; vertical-align: middle; }
.share-sec img { display: inline-block; vertical-align: middle; }
.footer-top-follow-img { width: 20px; margin-left: 25px; }
.main-footer-top { display: flex; align-items: center; padding: 30px 0px; border-bottom: 1px solid #e4e7ea; }
.share-sec { display: inline-block; margin-right: 60px; }
.followus-sec { display: inline-block; }
@charset "utf-8";
@media (min-width:1024px) and (max-width:1199px) {
.inpress-box { height: 360px; }
}
@media (max-width:1023px) {
.inpress-box { width: 98%; }
.inpress-box { height: auto; }
}
@media (max-width:575px) {
.inpress-box { width: 100%; margin-right: 0px; }
.inpress-box-hdg-right { width: 100%; }
.marketwatch-logo { float: left; padding: 10px 0px; }
.inpress-box-hdg-left { width: 100%; }
}
@media (max-width:1350px) {
.form-div.order-form .form-field-div { width: 100%; margin-right: 0px; }
.right-small-text { padding-right: 1%; }
}
@media (max-width:1023px) {
.landing-content { display: block; }
.landing-content .left_sec { width: 85%; }
.landing-content .left_sec .left-hdg-text { padding: 0px; }
.landing-content .left_sec .left-small-text { padding: 37px 0px 0px; }
.landing-content .left_sec .left-address-text { padding: 33px 0% 0px 0px; }
.landing-content .right_sec { margin-left: 3%; margin-right: 3%; width: 93%; display: block; }
.form-div.order-form { padding-right: 0px; }
}
@media (max-width:575px) {
.captcha-sec { width: 100%; display: block; margin-bottom: 20px; }
.button-sec { width: 100%; display: block; }
}
@media (max-width:1023px) {
.logo-small-img { margin-left: 0px; }
.isfastbase-hdg-text { padding: 10px 0% 0px 0%; }
.sign-name { display: block; color: #96989e; font-size: 1.3rem; padding: 25% 0% 0px 0%; }
.isfor-right { text-align: center; }
}
@media (max-width:1300px) {
.forfastbase-right-img { width: 100%; }
}
@media (max-width:1300px) {
.devices-maindiv { width: 90%; margin: 0px 5% 80px; }
}
@media (max-width:1023px) {
.devicesbox { display: block; width: 100%; margin-left: 2%; text-align: center; margin-bottom: 40px; }
}
@media (max-width:1023px) and (min-width:600px) {
.devices-page-txt { font-size: 2.3rem; padding: 5% 5% 7%; }
}
@media (max-width:599px) {
.devices-page-txt { font-size: 2rem; padding: 5% 5% 7%; }
}
@media (max-width:767px) {
.left-hdg-text { font-size: 2rem; }
.right-hdg-text { font-size: 2rem; }
}
@media (max-width:1023px) {
.right_sec.buyshares-content-right { width: 85%; margin-left: 40px; }
}
@media (max-width:1199px) {
.form-field-div.contact { width: 100%; display: block; margin-right: 0px; }
}
@media (max-width:1023px) {
.contact-left-hdg-text { padding: 0px 0% 0px 0px; }
.contact-left-box-div { margin-left: 0px; }
.content-small-text { padding-left: 0px; }
.contact-left-form-div { padding-left: 0px; }
.right_sec.fastbase-contact { margin-top: 0px; padding: 0px 5%; }
}
@media (max-width:767px) {
.contact-box { width: 100%; margin-bottom: 30px; }
.contact-left-form-div .form-field-div { width: 100%; }
}
@media (max-width:1199px) {
.landing-content.timeline_content { display: block; }
.timeline_left { width: 90%; margin-left: 5%; margin-right: 5%; }
.timeline_right { width: 90%; margin-left: 5%; margin-right: 5%; }
.timeline_left .logo-small-img { margin-left: 0px; }
.timeline_left .isfastbase-hdg-text { padding: 10px 0px 0px 0px; }
.timeline_left .left-small-text { padding: 37px 0px 0px 0px; }
.timeline_left .sign-name { padding: 25% 0px 0px 0px; }
}
@media (max-width:575px) {
.timeline-year { display: block; float: left; }
.timeline_right ul { width: 50%; }
.footer-logo-main-div::before { display: none; }
.footer-logo-main-div::after { display: none; }
}
@media (max-width:1170px) {
.footer-logo-main-div:before { width: 25%; }
.footer-logo-main-div:after { width: 25%; }
}
@media (max-width:767px) {
.footer-logo-main-div:before { width: 18%; }
.footer-logo-main-div:after { width: 18%; }
}
@media (max-width:1023px) {
.inpress-click-box-left { display: block; width: 100%; }
.inpress-click-box-right { padding-left: 0px; width: 100%; }
.inpress-content-left { width: 85%; }
}
@media (max-width:767px) {
.inpress-content-right { position: absolute; top: 123px; left: 0px; width: 25%; }
.inpress-content-left { display: block; width: 100%; vertical-align: top; margin-top: 120px; }
}
.signupmainBox { background: transparent; width: 100%; height: 100%; display: inline-block; }
.signupmainBox .signupboxcolose { position: absolute; right: 80px; top: 44px; z-index: 1001; }
.signupmainBox .signupboxcolose:hover { opacity: 0.5; }
.signUp_Div { display: block; width: 454px; height: auto; margin: 0 auto; text-align: center; position: absolute; z-index: 1000; left: 50%; margin-left: -180px; top: 45px; }
.signup_header { width: 100%; display: inline-block; float: left; }
.signup_header .signuplogo { display: inline-block; margin-bottom: 26px; margin-right: 30px; }
.signup_header h2 { font-family: "HelveticaNeueThin", Arial, Helvetica, sans-serif; font-size: 32px; padding-bottom: 18px; color: #807f80; letter-spacing: 0.2; }
.signup_header h4 { font-size: 18px; padding-bottom: 16px; }
.loginformDiv { background: #f7f7f7; display: inline-block; width: 380px; padding: 30px 30px 20px 30px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
.loginformDiv .orline:before { content: ""; width: 128px; height: 1px; background: #d0cece; display: inline-block; position: absolute; left: 0; top: 8px; }
.loginformDiv .orline { text-align: center; background: #f7f7f7; text-transform: uppercase; font-size: 12px; margin: 16px 0px; position: relative; }
.loginformDiv .orline:after { content: ""; width: 128px; height: 1px; background: #d0cece; display: inline-block; position: absolute; right: 0; top: 8px; }
.loginformDiv .loginfield { width: 100%; display: table; margin-bottom: 20px; }
.loginformDiv .loginfield .logininput { display: inline-block; width: 100%; height: 47px; border: solid 1px #d9d9d9; padding: 5px 10px 5px 34px; background: rgb(255, 255, 255); transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; opacity: 1; line-height: 1.2; font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 15px; font-weight: normal; color: #000; }
.loginformDiv .loginfield .logininput::-webkit-input-placeholder { color: #989898; font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 15px; opacity: 1; font-weight: normal; }
.loginformDiv .loginfield .logininput:-moz-placeholder { color: #989898; font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 15px; opacity: 1; font-weight: normal; }
.loginformDiv .loginfield .logininput::-moz-placeholder { color: #989898; font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 15px; opacity: 1; font-weight: normal; }
.loginformDiv .loginfield .logininput:-ms-input-placeholder { color: #989898; font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 15px; opacity: 1; font-weight: normal; }
.loginformDiv .loginfield .logininput.icon-if-user { background: url(../images/login_user.png) 10px center no-repeat #fff; float: left; }
.loginformDiv .loginfield .logininput.icon-if-lock { background: url(../images/login_lock.png) 10px center no-repeat #fff; float: left; }
.loginformDiv .loginfield .logininput:focus { transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; opacity: 1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset; }
.loginformDiv .loginfield .logininput:focus.icon-if-user { background: url(../images/login_user.png) 10px center no-repeat rgb(250, 255, 189); float: left; }
.loginformDiv .loginfield .logininput:focus.icon-if-lock { background: url(../images/login_lock.png) 10px center no-repeat rgb(250, 255, 189); float: left; }
.loginformDiv .loginbutton { width: 100%; display: table; }
.loginformDiv .loginbutton .signbtn { display: block; color: #FFFFFF; width: 100%; border: 1px solid #3079ed; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.1); text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.218s; -moz-transition: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; background-color: #4d90fe; background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); background-image: -o-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(top, #4d90fe, #4787ed); cursor: pointer; font-family: "gothammediummedium", Helvetica, Arial, sans-serif; font-size: 14px; height: 38px; line-height: 36px; }
.loginformDiv .loginbutton .signbtn:hover { border: 1px solid #2f5bb7; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background-color: #357ae8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); }
.loginformDiv .loginbutton .signbtn:active { background-color: #357ae8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
.loginformDiv .loginbutton .g_analyticsbtn { display: block; color: #FFFFFF; width: 100%; border: 1px solid #3079ed; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.1); text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-transition: all 0.218s; -moz-transition: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; background-color: #4d90fe; background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed); background-image: -moz-linear-gradient(top, #4d90fe, #4787ed); background-image: -ms-linear-gradient(top, #4d90fe, #4787ed); background-image: -o-linear-gradient(top, #4d90fe, #4787ed); background-image: linear-gradient(top, #4d90fe, #4787ed); cursor: pointer; font-family: "gothammediummedium", Helvetica, Arial, sans-serif; font-size: 14px; height: 40px; line-height: 38px; position: relative; -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); padding-left: 10px; }
.loginformDiv .loginbutton .g_analyticsbtn:hover { border: 1px solid #2f5bb7; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background-color: #357ae8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); }
.loginformDiv .loginbutton .g_analyticsbtn:active { background-color: #357ae8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
.loginformDiv .loginbutton .g_analyticsbtn .g_analytic_icon { display: inline-block; height: 38px; left: 0; position: absolute; top: 0; width: 38px; }
.loginformDiv .loginbutton .g_analyticsbtn .g_analytic_icon img { display: block; width: 38px; height: 38px; }
.loginformDiv .needhlp { width: 100%; display: block; float: left; margin: 26px 0px 26px 0px; text-align: left; }
.loginformDiv .needhlp a { color: #427fed; padding: 0px; display: inline-block; font-size: 14px; float: left; }
.loginformDiv .needhlp a:hover { text-decoration: underline; }
.diffaccount { width: 100%; display: inline-block; float: left; margin-top: 20px; }
.diffaccount a { color: #427fed; display: inline-block; font-size: 14px; padding: 0; }
.diffaccount a:hover { text-decoration: underline; }
.desnd-Box { width: 100%; display: inline-block; float: left; padding: 28px 0px 8px 0px; }
.desnd-Box .desnd-text { float: left; display: inline-block; width: 26%; margin-right: 10px; margin-top: 4px; text-align: left; }
.desnd-Box .analylogo { float: left; display: inline-block; width: 55%; }
body { margin: 0; }
.loading #main { opacity: .1; }
.spinner { height: 100%; width: 100%; position: absolute; z-index: 10; }
.spinner .spinWrap { width: 200px; height: 100px; position: absolute; top: 45%; left: 50%; margin-left: -100px; margin-top: -100px; }
.framed .spinner { position: fixed; }
.framed .spinner .spinWrap { position: fixed; top: 50%; height: 75px; margin-top: -37.5px; }
.spinner .loader,
.spinner .spinnerImage { height: 100px; width: 100px; position: absolute; top: 0; left: 50%; opacity: 1; filter: alpha(opacity=100); }
.spinner .spinnerImage { margin: 25px 0 0 -25px; background: url(../images/spinner_icon.png) no-repeat; }
.spinner .loader { margin: 0 0 0 -50px; background-color: transparent; -webkit-animation: rotation .7s infinite linear; -moz-animation: rotation .7s infinite linear; -o-animation: rotation .7s infinite linear; animation: rotation .7s infinite linear; border-left: 5px solid #cbcbca; border-right: 5px solid #cbcbca; border-bottom: 5px solid #cbcbca; border-top: 5px solid #2380be; border-radius: 100%; }
.spinner .loadingMessage { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 125px; text-align: center; z-index: 100; outline: 0; }
.spinner .loadingSubHeading { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 150%; margin-top: 10px; margin-left: -42px; text-align: center; z-index: 100; outline: 0; }
@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0); }
to { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes rotation {
from { -moz-transform: rotate(0); }
to { -moz-transform: rotate(359deg); }
}
@-o-keyframes rotation {
from { -moz-transform: rotate(0); }
to { -moz-transform: rotate(359deg); }
}
@keyframes rotation {
from { transform: rotate(0); }
to { transform: rotate(359deg); }
}
@media only screen and (max-width: 768px) {
.spinner { width: 200px; height: 100px; top: 40%; left: 50%; margin-left: -93px; }
}
.submaintitle { font-size: 1.2rem !important; }
.content-main.webvisitor-content-main { width: 85%; margin: 40px auto; }
.content-heading.webleads { font-size: 2.1rem; margin-bottom: 60px; }
hr.line-hr { display: block; width: 100%; height: 1px; background-color: #ededed; }
.content-item-image { display: flex; align-items: center; justify-content: space-between; }
.content-item-image img { width: 17%; }
.weblead_premium { border: 1px solid #cacaca; display: block; padding: 30px 20px; }
.weblead_premium_inner { display: flex; align-items: flex-start; justify-content: space-between; }
.weblead_premium_details { width: 25%; padding: 10px 25px; margin-top: 167px; color: #667277; box-sizing: content-box; margin-right: 6px; border-top: 1px solid #e4e4e4; }
.weblead_premium_plane { width: 75%; padding: 10px 25px; }
.weblead_premium_details h4 { font-size: 2.3rem; color: #667277; }
.weblead_premium_details h6 { font-size: 1.5rem; margin-top: 2px; }
.weblead_premium_details p { margin-top: 25px; line-height: 1.5; font-size: 1.1rem; }
#link_getstarted { font-size: 15px; background-color: #3776e0; color: #fff; display: inline-block; padding: 14px 30px; border-radius: 3px; margin: 50px 0 40px 0; }
.product-related { border: 1px solid #e4e4e4; border-radius: 5px; padding: 25px 35px; box-shadow: 0 1px 5px 2px #e4e4e4; margin-right: 30px; }
.product-related h6 { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 20px; }
.product-related ul { margin: 0; padding: 0; }
.product-related ul li { list-style: none; margin: 10px 0; position: relative; padding-left: 10px; font-size: 1.1rem; color: #667277; }
.product-related ul li::before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #667277; border-radius: 50%; }
.weblead_premium_plane_table { width: 100%; margin: 0; padding: 0; }
.weblead_premium_plane_table th,
.weblead_premium_plane_table td { padding: 5px; color: #667277; }
.weblead_premium_plane_table td { border-bottom: 1px solid #e4e4e4; color: #667277; height: 45px; }
.weblead_premium_plane_table td label { font-size: 1.1rem; color: #667277; }
.weblead_premium_plane_table th { font-weight: bold; font-size: 1.3rem; color: #667277; height: 100px; }
.weblead_premium_plane_table td img { width: 15px; }
.footer_lead { display: flex; align-items: center; width: 85%; margin: 0px auto; min-height: 200px; }
.footer_lead .lead_item { padding: 0; width: 45%; float: left; margin: 40px 0; /* padding-left: 70px; */ display: flex; align-items: flex-start; margin-right: 40px; }
.lead_item .lead_img { float: left; width: 80px; margin-right: 10px; position: relative; top: -5px; }
.lead_item .lead_text { float: left; }
.footer_lead .lead_item p { line-height: 1.5; font-size: 14px; }
.footer_lead .lead_item strong { font-size: 1.2rem; margin-bottom: 10px; display: block; color: #333; }
.header-left { display: flex; }
ul.menu { display: flex; margin: 0; margin-left: 30px; margin-top: 16px; }
ul.menu li a { display: block; padding: 20px 0; padding-top: 12px; margin-right: 40px; color: #92929d; font-size: 14px; position: relative; }
ul.menu li.active a { border-bottom: 2px solid #1f90fb; font-weight: bold; color: #000; }
.bg-white { background-color: #fff; }
.bg-white .lead_item { color: #667277; }
.bg-white .footer_lead { border-top: 1px solid #cacaca; }
.compatible_logo { width: 85%; margin: 0 auto; }
.lead_main_head { font-size: 2rem; color: #667277; }
.lead_main_head_sub { display: block; font-size: 1.4rem; margin-top: 2px; font-weight: normal; }
.weblead_premium_plane_table th { vertical-align: text-top; }
.weblead_premium_plane_table th span { font-weight: normal; display: block; margin-top: 8px; }
.single_row { position: relative; top: -3px; border-bottom: 0 !important; text-indent: 20px; color: #000 !important; }
.bg_grey { background: #e8eaec; }